
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}
body {
  margin: 1;
  padding: 1;
  background: url(login.jpg) 50% fixed;
  -webkit-background-size: cover cover;
  background-size: cover cover;
  font-family: "helvetica neue";
}

#login_el {
  width: 370px;
  height: 300px;
  background: rgba(255,224,255,0.2);
  margin: auto;
  margin-top: 131px;
  padding-top: 71px;
  border-radius:5px;
  border:1px solid rgba(255,255,255,0.4);
  -webkit-box-shadow: 2px 3px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 3px 10px rgba(0,0,0,.2);
  box-shadow:  2px 3px 10px rgba(0,0,0,.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 3s;
}

#login_el:hover{
  background: rgba(0,0,0,0.8);
}

h2 {
  font-style: italic;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
  color: #fff;
  font-size: 16px;
  margin-bottom: 42px;
}
#login_el form {
  width: 286px;
  margin: auto;
  transition: all 3s;
}
.input {
  width: 100%;
  height: 38px;
  line-height: 36px;
  padding: 0px 9px;
  margin-bottom: 10px;
  border-radius:5px;
  border:1px solid rgba(242,242,242,0.3);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0,.2);
  -moz-box-shadow: inset 0px 0px 8px rgba(0,0,0,.2);
  box-shadow: inset 0px 0px 8px rgba(0,0,0,.2);
}

.input label {
  color: #fff;
  display: inline-block;
  text-align: center;
  width: 20px;
}

.input input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border:none;
  width: 235px;
  outline:none;
  color: #fff;
  font-size:12px;
  font-weight: 100;
  font-style: italic;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}

input[type="submit"]{
  display: block;
  width: 100%;
  height: 38px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #91c46c;
  border-radius:5px;
  border:1px solid #73a84c;
  outline:none;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  -webkit-box-shadow: inset 1px 1px 0px #c8e5b3, 1px 2px 1px rgba(0,0,0,.09);
  -moz-box-shadow: inset 1px 1px 0px #c8e5b3, 1px 2px 1px rgba(0,0,0,.09);
  box-shadow:  inset 1px 1px 0px #c8e5b3, 1px 2px 1px rgba(0,0,0,.09);
}

h1 {
  margin-top: 50px;
  color: #fff;
  text-align: center;
  font-weight: 200;
}

h1 a { 
  color: #ea4c89;
  text-decoration: none;
}